<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // websocket双向通信原生语法:
      // 1. 如何建立连接(创建websocket实例)
      const ws = new WebSocket('wss://javascript.info/article/websocket/demo/hello')
      // 2. 如何监听连接成功
      ws.onopen = () => {
        console.log('链接成功了')
        // alert('欢迎进入聊天室...')
      }
      // 3. 如何关闭连接(我们这个websocket服务器将来自动关闭-需要你发个消息=>上课需要)

      // 4. 如何监听连接关闭
      ws.onclose = () => {
        console.log('链接关闭了')
      }
      // 5. 如何发送消息(最多)
      setTimeout(() => {
        ws.send('你好呀...')
      }, 3000)
      // 6. 如何接收消息(最多)
      ws.onmessage = (e) => {
        console.log(e.data) // 就是回复的消息
      }
    </script>
  </body>
</html>
